<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="reset.css">
    </head>
    <body>
        <h1>Necessary cases for quick test.</h1>
        <div id="cases" style="margin: 20px">
        </div>

        <script type="text/javascript">
            var cases = [
                './ie8.html',
                './touch-slide.html',
                './touch-test.html',
                './bar.html',
                './line.html',
                './geoLine.html',
                './graph.html',
                './graph-grid.html',
                './map.html',
                './media-finance.html',
                './axes.html',
                './dataZoom-axes.html',
                './dataZoom-axis-type.html',
                './dataZoom-dynamic.html',
                './visualMap-continuous.html',
                './visualMap-opacity.html',
                './brush.html',
                './brush2.html'
            ];


            var el = document.getElementById('cases');
            var html = [];

            for (var i = 0; i < cases.length; i++) {
                html.push(
                    '<a href="' + cases[i] + '">' + cases[i] + '</div>'
                );
            }

            el.innerHTML = html.join('<br>');

        </script>
    </body>
</html>